<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>目标识别场景选择</title>
	<link rel="stylesheet" href="styles/lib/bootstrap.min.css" />
	<script src="scripts/lib/bootstrap.bundle.min.js"></script>
	<link rel="stylesheet/less" href="styles/style.less" />
	<script src="scripts/lib/less.js" defer></script>
	<script type="module" src="scripts/main.js" defer></script>
</head>

<body>
	<header>
		<div class="title">目标识别场景选择</div>
	</header>
	<main>
		<canvas id="global-view"></canvas>
	</main>
	<footer>
		<div class="settings">
			<label for="scene-select">选择场景：</label>
			<select class="form-select" id="scene-select">
			</select>
			<label for="traj-select">选择轨迹：</label>
			<select class="form-select" id="traj-select">
				<option value="horizontal">轨迹1</option>
				<option value="vertical">轨迹2</option>
				<option value="diagonal">轨迹3</option>
			</select>
			<!-- <label for="pose-select">选择轨道：</label>
			<select class="form-select" id="pose-select">
				<option value="leo">低地球轨道(LEO)</option>
				<option value="meo">中地球轨道(MEO)</option>
				<option value="heo">高度椭圆轨道(HEO)</option>
			</select>
			<label for="angle-input">倾角：</label>
			<div class="input-group">
				<input type="number" class="form-control" id="angle-input" value="0" min="0" max="90" />
				<span class="input-group-text">度</span>
			</div> -->
		</div>
		<div class="address">
			<strong>下位机</strong>
			<label for="target-ip">IP地址：</label>
			<input type="text" class="form-control" id="target-ip" value="localhost" />
			<label for="target-port">端口：</label>
			<input type="number" class="form-control" id="target-port" value="3002" />
			<button class="btn btn-success" id="submit-btn">发送任务</button>
		</div>
	</footer>
	<div id="toast" class="toast align-items-center text-bg-warning border-0 position-" role="alert" aria-live="assertive"
		aria-atomic="true">
		<div class="d-flex">
			<div class="toast-body">
			</div>
			<button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast"
				aria-label="Close"></button>
		</div>
	</div>
</body>

</html>